/*
 * @Descripttion: 
 * @Author: cuidm
 * @Date: 2022-05-19 10:18:49
 * @LastEditors: cuidm
 * @LastEditTime: 2022-10-25 17:27:20
 */
import React, { useState, useEffect, Fragment } from "react";
import { message } from "antd";;
import { HcpTipModal } from "@/components";
// import "../index.less";

const HelpTipModal = ({ visible, setVisible }) => {
    return (
        <HcpTipModal
            title="帮助中心"
            visible={visible}
            onFinish={() => { setVisible(false) }}
            onCancel={() => { setVisible(false) }}
            cancelText={null}
            okText={"知道了"}
            content={
                <>
                    <div>
                        <h2>画布支持的操作:</h2>
                        <h3 class="mb10 mt15">鼠标:</h3>
                        <p>1. 支持鼠标操作画布</p>
                        <p>2. 按住 <i class="t-iconfont icon-left-btn"></i> = 拖动画布</p>

                        <h3 className="mb10 mt15">节点:</h3>
                        <p>1. 双击第三层（宿主机）节点，可以查询该节点下的云主机</p>
                        <p>2. 第三层及以上节点，单击右键，菜单支持【查看详情】、【查看监控】、【查看告警】操作</p>
                    </div>
                </>
            }
        />
    );
};

export default HelpTipModal;
